/*
  学习目标：掌握class组件中声明数据、访问数据
 
*/

import React, { Component } from 'react';

export default class App extends Component {
  // 1. 声明数据
  // 💥 state 要求是对象， 对象的键名， 就是数据变量名
  // 💥 class组件中才有声明`state` 的写法，函数组件中没有
  // 💥 this指向组件的实例对象
  state = {
    count: 79,
    msg: 'react',
  };

  render() {
    console.log('this  ----->  ', this);
    return (
      <h1>
        {/* 2. 通过this.state.数据变量名，获取 */}
        App - {this.state.msg} - {this.state.count}
      </h1>
    );
  }
}
